<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="../../../common/jquery-2.1.1.min.js"></script>

<script src="../../../common/vue1.7.2/vue.min.js"></script>
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">


<title>DevOps</title>
<body id="app" scroll="no" style="">
	<div class="container">
		<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
			<a href="/" class="d-flex align-items-center mb-1 mb-md-0 me-md-auto text-dark text-decoration-none">
				<span class="fs-4" title="小型团队 Version-1.0">DevOps </span>
			</a>

			<ul class="nav nav-pills">
				<li class="nav-item"><a href="#" class="nav-link ">注册</a></li>
				<li class="nav-item"><a
						href="http://localhost:9090/auth/realms/master/protocol/openid-connect/auth?client_id=security-admin-console"
						class="nav-link">管理员</a></li>

				<li class="nav-item"><a href="http://localhost:8080/swagger-ui.html" class="nav-link">API</a></li>

			</ul>

			<div class="dropdown text-end">
				<a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" id="dropdownUser1"
					data-bs-toggle="dropdown" aria-expanded="false">
					<img src="../../../images/98681.jfif" alt="mdo" width="32" height="32" class="rounded-circle">
				</a>
				<ul class="dropdown-menu text-small" aria-labelledby="dropdownUser1">
					<li><a class="dropdown-item" href="#">New project...</a></li>
					<li><a class="dropdown-item" href="#">Settings</a></li>
					<li><a class="dropdown-item" href="#">Profile</a></li>
					<li>
						<hr class="dropdown-divider">
					</li>
					<li><a class="dropdown-item" href="#">Sign out</a></li>
				</ul>
			</div>
		</header>



		<div class="row " style="padding:10px">
			<div class="col-xs-6  col-sm-6 col-md-6 col-lg-6">
				<div v-for="node in flow">
					<p><b>{{node.alias}}</b></p>
					<p class="card-text"><small class="text-muted">his is a wider card with supporting text below a</small></p>
					<div v-for="tool in node.tools" style="padding-left:50px">
		  				<span v-for="(key,value) in toolsMap" v-show="check(key,tool.name)">
							<img src="/logo/{{tool.logo}} " width=50 height=50 />
							<a  type="button" class="btn btn-sm btn-primary" href="{{value}}" title="{{value}}" target="_blank">{{tool.name}} 登录</a> <small class="text-muted">{{value}}</small>
							<a  type="button" class="btn btn-sm" href="{{key}}">手册</a>
							<a  type="button" class="btn btn-sm" href="{{tool.site}}">官网</a>
						</span>
					</div>						
				</div>
			</div>
           
		</div>
	</div>



</body>
<script src="devops_vue.js"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>

<script src="cheatsheet.js"></script>
